<template>
  <div class="box">
      <Header title="数据报告"></Header>
      <div class="data-report-list">
         <router-link to="/reportDetail" class="data-report-item" v-for="(item,index) in list" :key="index">
             <p>{{item.title}}</p>
             <span>{{item.time}}</span>
         </router-link>
      </div>
      <Nav :Active="4"></Nav>
  </div>
</template>

<script>
import Header from "@/components/Header/Header.vue";
import Nav from "@/components/Nav/Nav.vue";
export default {
    name:'DateReport',
    components: { Header, Nav },
    data(){
        return{
            list:[{title:'2019年10月旅游数据分析报告',time:'2019-11-01    08:00'},{title:'2019年10月旅游数据分析报告',time:'2019-11-01    08:00'},{title:'2019年10月旅游数据分析报告',time:'2019-11-01    08:00'},{title:'2019年10月旅游数据分析报告',time:'2019-11-01    08:00'},{title:'2019年10月旅游数据分析报告',time:'2019-11-01    08:00'},{title:'2019年10月旅游数据分析报告',time:'2019-11-01    08:00'},{title:'2019年10月旅游数据分析报告',time:'2019-11-01    08:00'},{title:'2019年10月旅游数据分析报告',time:'2019-11-01    08:00'},{title:'2019年10月旅游数据分析报告',time:'2019-11-01    08:00'},{title:'2019年10月旅游数据分析报告',time:'2019-11-01    08:00'},{title:'2019年10月旅游数据分析报告',time:'2019-11-01    08:00'},{title:'2019年10月旅游数据分析报告',time:'2019-11-01    08:00'},{title:'2019年10月旅游数据分析报告',time:'2019-11-01    08:00'},{title:'2019年10月旅游数据分析报告',time:'2019-11-01    08:00'},{title:'2019年10月旅游数据分析报告',time:'2019-11-01    08:00'},]
        }
    }
}
</script>

<style lang="less" scoped>
.data-report-list{
    padding:20/7.5vw 0;
}
.data-report-item{
    padding-top:10/7.5vw;
    border-bottom: 1px solid #f2f2f2;
    p{
        line-height: 45/7.5vw;
        color: #333;
        font-size: 32/7.5vw;
    }
    span{
        color: #999;
        font-size:24/7.5vw;
        line-height: 45/7.5vw;
    }
}
</style>